<template>
	<el-dialog title="查看商户账户详情" :visible.sync="isShow" :close-on-click-modal="false" :before-close="close" width="1100px">
		<div class="form-box">
			<el-form ref="form" :model="item" label-width="140px">
				<el-row>
					<el-col :span="12">
						<el-form-item label="商户业务ID" prop="bizId">
							<el-input v-model="item.bizId" readonly></el-input>
						</el-form-item>
					</el-col>
					
					<el-col :span="12">
						<el-form-item label="商户类型" prop="merchantType">
							<el-input :value="item.merchantType == 'platform' ? '平台' : item.merchantType == 'shop' ? '商家' : item.merchantType == 'supplier' ? '供应商' : item.merchantType == 'foundation' ? '基金会' : ''" readonly></el-input>
						</el-form-item>
					</el-col>
				</el-row>
				
				<el-row>
					<el-col :span="12">
						<el-form-item label="市场商家编号" prop="mktMrchId">
							<el-input v-model="item.mktMrchId" readonly></el-input>
						</el-form-item>
					</el-col>
					
					<el-col :span="12">
						<el-form-item label="市场商家名称" prop="mktMrchNm">
							<el-input v-model="item.mktMrchId" readonly></el-input>
						</el-form-item>
					</el-col>
				</el-row>
				
				<el-row>
					<el-col :span="12">
						<el-form-item label="商家证件类型" prop="mrchCrdtTp">
							<el-input :value="item.mrchCrdtTp == '01' ? '组织机构代码证' : item.mrchCrdtTp == '02' ? '营业执照' : item.mrchCrdtTp == '03' ? '其他' : item.mrchCrdtTp == '04' ? '统一社会信用证代码' : ''" readonly></el-input>
						</el-form-item>
					</el-col>
					
					<el-col :span="12">
						<el-form-item label="商家证件号码" prop="mktMrchNo">
							<el-input v-model="item.mktMrchNo" readonly></el-input>
						</el-form-item>
					</el-col>
				</el-row>
				
				<el-row>
					<el-col :span="12">
						<el-form-item label="商家柜台号码" prop="mrchCnterCd">
							<el-input v-model="item.mrchCnterCd" readonly></el-input>
						</el-form-item>
					</el-col>
					
					<el-col :span="12">
						<el-form-item label="POS编号" prop="posNo">
							<el-input v-model="item.posNo" readonly></el-input>
						</el-form-item>
					</el-col>
				</el-row>
				
				<el-row>
					<el-col :span="12">
						<el-form-item label="联系人名称" prop="ctcpsnNm">
							<el-input v-model="item.ctcpsnNm" readonly></el-input>
						</el-form-item>
					</el-col>
					
					<el-col :span="12">
						<el-form-item label="手机号码" prop="mblphNo">
							<el-input v-model="item.mblphNo" readonly></el-input>
						</el-form-item>
					</el-col>
				</el-row>
				
				<el-row>
					<el-col :span="12">
						<el-form-item label="证件类型" prop="crdtTp">
							<el-input v-model="item.crdtTp" readonly></el-input>
						</el-form-item>
					</el-col>
					
					<el-col :span="12">
						<el-form-item label="证件号码" prop="crdtNo">
							<el-input v-model="item.crdtNo" readonly></el-input>
						</el-form-item>
					</el-col>
				</el-row>
				
				<el-row>
					<el-col :span="12">
						<el-form-item label="商家自定义编号" prop="udfId">
							<el-input v-model="item.udfId" readonly></el-input>
						</el-form-item>
					</el-col>
					
					<el-col :span="12">
						<el-form-item label="商家银行账号" prop="clrgAccNo">
							<el-input v-model="item.clrgAccNo" readonly></el-input>
						</el-form-item>
					</el-col>
				</el-row>
				
				<el-row>
					<el-col :span="12">
						<el-form-item label="创建时间" prop="createTime">
							<el-input :value="forDate(item.createTime)" readonly></el-input>
						</el-form-item>
					</el-col>
				</el-row>
			</el-form>
		</div>
		
		<div slot="footer">
			<el-button @click="close">关 闭</el-button>
		</div>
	</el-dialog>
</template>

<script>
	import dayjs from 'dayjs'
	export default {
		props: {
			isShow: Boolean,
			item: Object,
		},
		data() {
			return {
				
			}
		},
		methods: {
			forDate(val) { //时间格式化
				return dayjs(val).format('YYYY-MM-DD HH:mm:ss');
			},
			
			close() {
				this.$emit('close');
			},
		}
	}
</script>

<style>
</style>